<ion-view view-title="">
    <ion-header-bar class="bar-balanced item-input-inset">
        <!-- <a class="button button-clear" ng-click="cityModal.show()">{{ systemNormalCity }}</a> -->
        <a class="button button-clear">{{ systemNormalCity }}</a>
    <span ui-sref="search" class="item-input-wrapper" style="margin-left:10.6667px;">
      <i class="we-font we-icon-search" style="color:#cbcbcb"></i>
      <input type="text" placeholder="输入站点或线路查询" disabled="disabled">
    </span>
        <i ui-sref="favor" class="we-font we-icon-favor" style="margin-left:10.667px;font-size:24px;"></i>
    </ion-header-bar>
    <zhx-page-loading ng-if="!lineStation.length"></zhx-page-loading>
    <zhx-pop-tip show-tip="tipShown" content="tipContent"></zhx-pop-tip>
    <ion-content>
        <ion-refresher on-refresh="doRefresh()"></ion-refresher>
        <ion-list>
            <!--

              stationNum 表示仅显示当前位置最近的站点及其下面的线路
              其他更远的站点下面的线路不显示，点击站点后跳转新页面显示其下面的线路

            -->
            <div class="line-block-item" ng-init=" stationNum = $index "
                 ng-repeat=" station in lineStation track by $index ">
                <div class="line-block" bindonce>
                    <div class="now-station" ng-click="showStationLinePage({{station}},$index);">
                        <i class="we-font we-icon-station"></i><span bo-text='station.stationName'></span>
                        <i class="station-distance"><span ng-if=" stationNum == 0 ">最近</span>
                            <distance>{{ station.distance | number : 0 }}</distance>
                            m</i>
                    </div>
                    <div class="station-block" ng-if=" stationNum == 0 "
                         ng-repeat=" line in station.lineStations track by $index"
                         ng-click="showLine({{line}},$event);">
                        <div class="station-info">
                            <div class="station-info-l">
                                <div class="station-line-name" bo-text='line.lineName'></div>
                                <div class="next-station">下一站: <span bo-text='line.nextStationName'></span></div>
                                <div class="start-end-station">{{ ::line.firstStationName }} <span
                                        class="we-font we-icon-icon"></span> {{ ::line.lastStationName }}
                                </div>
                            </div>
                            <div class="station-info-r">
                                <!--                     <div class="line-start-time"><i class="we-font we-icon-sun"></i><span bo-text='line.firstBusTime !== "  " ? line.firstBusTime : "-" '></span></div>
                                                    <div class="line-end-time"><i class="we-font we-icon-moon1"></i><span bo-text='line.lastBusTime !== "  " ? line.lastBusTime : "-" '></span></div> -->
                                <div class="line-start-time"><i class="we-font we-icon-sun"></i><span
                                        ng-bind='line.evalStartBusTime'></span></div>
                                <div class="line-end-time"><i class="we-font we-icon-moon1"></i><span
                                        ng-bind='line.evalEndBusTime '></span></div>
                                <div class="line-">
                                    <i class="we-font we-icon-rmb"></i>
                                    <span bo-text="line.highestPrice - line.startPrice > 0 ? line.startPrice + ' - ' + line.highestPrice : line.highestPrice + '元' "></span>
                                </div>
                            </div>
                        </div>
                        <div class="station-favor" ng-click="favorLine({{ line }}, $event );">
                            <i class="we-font"
                               ng-class="{ 'we-icon-favor' : myFavors.indexOf(line.lineStationId) == -1 || myFavors == null, 'we-icon-favorfill' : myFavors.indexOf(line.lineStationId) != -1 && myFavors != null, 'favor-active' : myFavors.indexOf(line.lineStationId) != -1 && myFavors != null }"></i>
                        </div>
                    </div>
                </div>
            </div>
        </ion-list>
    </ion-content>
</ion-view>
